<template>
  <div class="group-pk">
    <dv-scroll-board :config="config" style="width:100%;height:392px" />
  </div>
</template>

<script>
export default {
  name: 'group-pk',
  data () {
    return {
      config: {
        header: ['排名', '名称', '卫生', '成绩'],
        rowNum: 10,
        data: [
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100],
          ['2022/10/13', 100, 100, 100]
        ]
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.group-pk {
  @include wh(100%, auto);
  /deep/ .dv-scroll-ranking-board {
    .rank {
      color: #1FC6FF;
    }
    .ranking-column .inside-column {
      background: #1FC6FF;
    }
  }
}
</style>
